<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Example</title>
	</head>

	<body>
		
		<div id="example1">
			<h3 class="title">{{title}}</h5>
			<p class="info">{{info}}</p>
			<hr />
		</div>
		
		<div>
			<h4>实现功能：</h4>
			<ul id="example2">
				<li data-repeat='true'><span style="color:dodgerblue;margin-right: 6px;">[{{tag}}]</span>{{text}}</li>
			</ul>
		</div>
		
	</body>
	<script src="js/simbind.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var vm=new SimBind({
			el:'#example1',
			data:{
				title:'SimBind',
				info:'简单的数据模板实现。'
			}
		});
		var vm2=new SimBind({
			el:'#example2',
			data:[
				{tag:'已完成',text:'普通对象属性的绑定'},
				{tag:'已完成',text:'对象数组的绑定'},
			]
		});
		vm2.data=[
			{tag:'已完成',text:'对象属性的绑定'},
			{tag:'已完成',text:'数组对象的绑定'},
			{tag:'已完成',text:'绑定属性动态更新'}
		]
	</script>
</html>